<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>kkit-crm</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="stylesheet" href="/statics/kkit_crm/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="/statics/kkit_crm/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="/statics/kkit_crm/css/ionicons.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="/statics/kkit_crm/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
        page. However, you can choose any other skin. Make sure you
        apply the skin class to the body tag so the changes take effect. -->
  <link rel="stylesheet" href="/statics/kkit_crm/css/skin-blue.min.css">
    <link rel="stylesheet" href="/statics/css/kkit/NweButton.css">
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->

  <!-- Google Font -->
  <link rel="stylesheet"
        href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">

	<!--Bootstrap Stylesheet [ REQUIRED ]-->
	<link href="/statics/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">

	<!--Nifty Stylesheet [ REQUIRED ]-->
	<link href="/statics/css/nifty.min.css" rel="stylesheet">


	<!--Font Awesome [ OPTIONAL ]-->
	<link href="/statics/css/font-awesome.css" rel="stylesheet">

    <!--Customize Css [ REQUIRED ]-->
	<link href="/statics/css/custom.css" rel="stylesheet">

    <!--bootstrap select Css [ REQUIRED ]-->
	<link href="/statics/plugins/bootstrap-select/bootstrap-select.min.css" rel="stylesheet">
	<link href="/statics/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet">
	<link href="/statics/plugins/bootstrap-fileinput/css/fileinput.min.css" rel="stylesheet">

    <!--Bootstrap Timepicker [ OPTIONAL ]-->
    <link href="/statics/plugins/bootstrap-timepicker/bootstrap-timepicker.min.css" rel="stylesheet">


    <!--Bootstrap Datepicker [ OPTIONAL ]-->
    <link href="/statics/plugins/bootstrap-datepicker/css/bootstrap-datepicker.css" rel="stylesheet">

    <link rel="stylesheet" href="/statics/plugins/jquery-ui/jquery-ui.theme.min.css">

	<!--SCRIPT-->
	<!--=================================================-->

	<!--Page Load Progress Bar [ OPTIONAL ]-->
	<link href="/statics/css/pace.min.css" rel="stylesheet">
	<script src="/statics/js/pace.min.js"></script>

    <link href="/statics/plugins/dropzone/dropzone.css" rel="stylesheet">
    <style>
{#   控制面板按钮弧度    #}
{#        .ellipse {#}
{#      阴影      #}
{##}
{#            border: 3px solid #CCCCCC;#}
{##}
{#            border: 3px solid #a2cc98;#}
{#            height: 31px;#}
{#            width: 141px;#}
{#            border-radius: 30px;#}
{##}
{#        }#}





{#  右侧div偏移量 #}
        .new-col-md-offset-4{
            margin-left:35.33333333%!important;
        }
{# 授权登录模态框使用  #}
        .new-md-offset-1{
            margin-left:6.33333333%!important;
        }
{#     左侧div宽度   #}
          .new-col-md-6 {
            width: 45%;
          }
        .new-col-md-4 {
        width: 35.3333333%!important;
        }
        .new-col-md-1 {
        width: 15.3333333%!important;
{#        height: 5px!important;#}
        }

        .new-col-xs-7 {
        width: 64.3333333%!important;
        }

        .row.no-gutter {
            margin-left: 0;
            margin-right: 0;
        }

        .row.no-gutter > [class*='col-'] {
            padding-right: 0;
            padding-left: 0;
        }

        .demo {
            border: 1px solid #e2b709;
            word-wrap: break-word;
        }

    </style>




{% block extra-css %}{% endblock %}
</head>
{% block body %}
<body class="hold-transition skin-blue sidebar-mini">

<div class="wrapper">

  <!-- Main Header -->
  <header class="main-header">

    <!-- Logo -->
    <a href="index2.html" class="logo">
      <!-- mini logo for sidebar mini 50x50 pixels -->
      <span class="logo-mini"><b>A</b>LT</span>
      <!-- logo for regular state and mobile devices -->
      <span class="logo-lg"><b>Kkit</b>-Maintain</span>
    </a>

    <!-- Header Navbar -->
    <nav class="navbar navbar-static-top" role="navigation">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
        <span class="sr-only">Toggle navigation</span>
      </a>
      <!-- Navbar Right Menu -->
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <!-- Messages: style can be found in dropdown.less-->
          <li class="dropdown messages-menu">
            <!-- Menu toggle button -->
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-envelope-o"></i>
              <span class="label label-success">4</span>
            </a>
            <ul class="dropdown-menu">
              <li class="header">You have 4 messages</li>
              <li>
                <!-- inner menu: contains the messages -->
                <ul class="menu">
                  <li><!-- start message -->
                    <a href="#">
                      <div class="pull-left">
                        <!-- User Image -->
                        <img src="/statics/kkit_crm/img/user2-160x160.jpg" class="img-circle" alt="User Image">
                      </div>
                      <!-- Message title and timestamp -->
                      <h4>
                        Support Team
                        <small><i class="fa fa-clock-o"></i> 5 mins</small>
                      </h4>
                      <!-- The message -->
                      <p>Why not buy a new awesome theme?</p>
                    </a>
                  </li>
                  <!-- end message -->
                </ul>
                <!-- /.menu -->
              </li>
              <li class="footer"><a href="#">See All Messages</a></li>
            </ul>
          </li>
          <!-- /.messages-menu -->

          <!-- Notifications Menu -->
          <li class="dropdown notifications-menu">
            <!-- Menu toggle button -->
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-bell-o"></i>
              <span class="label label-warning">10</span>
            </a>
            <ul class="dropdown-menu">
              <li class="header">You have 10 notifications</li>
              <li>
                <!-- Inner Menu: contains the notifications -->
                <ul class="menu">
                  <li><!-- start notification -->
                    <a href="#">
                      <i class="fa fa-users text-aqua"></i> 5 new members joined today
                    </a>
                  </li>
                  <!-- end notification -->
                </ul>
              </li>
              <li class="footer"><a href="#">View all</a></li>
            </ul>
          </li>
          <!-- Tasks Menu -->
          <li class="dropdown tasks-menu">
            <!-- Menu Toggle Button -->
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-flag-o"></i>
              <span class="label label-danger">9</span>
            </a>
            <ul class="dropdown-menu">
              <li class="header">You have 9 tasks</li>
              <li>
                <!-- Inner menu: contains the tasks -->
                <ul class="menu">
                  <li><!-- Task item -->
                    <a href="#">
                      <!-- Task title and progress text -->
                      <h3>
                        Design some buttons
                        <small class="pull-right">20%</small>
                      </h3>
                      <!-- The progress bar -->
                      <div class="progress xs">
                        <!-- Change the css width attribute to simulate progress -->
                        <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar"
                             aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                          <span class="sr-only">20% Complete</span>
                        </div>
                      </div>
                    </a>
                  </li>
                  <!-- end task item -->
                </ul>
              </li>
              <li class="footer">
                <a href="#">View all tasks</a>
              </li>
            </ul>
          </li>
          <!-- User Account Menu -->
          <li class="dropdown user user-menu">
            <!-- Menu Toggle Button -->
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <!-- The user image in the navbar-->
              <img src="/statics/kkit_crm/img/user2-160x160.jpg" class="user-image" alt="User Image">
              <!-- hidden-xs hides the username on small devices so only the image appears. -->
              <span class="hidden-xs">{{ request.user }}</span>
            </a>
            <ul class="dropdown-menu">
              <!-- The user image in the menu -->
              <li class="user-header">
                <img src="/statics/kkit_crm/img/user2-160x160.jpg" class="img-circle" alt="User Image">

                <p>
                  Alexander Pierce - Web Developer
                  <small>Member since Nov. 2012</small>
                </p>
              </li>
              <!-- Menu Body -->
              <li class="user-body">
                <div class="row">
                  <div class="col-xs-4 text-center">
                    <a href="#">Followers</a>
                  </div>
                  <div class="col-xs-4 text-center">
                    <a href="#">Sales</a>
                  </div>
                  <div class="col-xs-4 text-center">
                    <a href="#">Friends</a>
                  </div>
                </div>
                <!-- /.row -->
              </li>
              <!-- Menu Footer-->
              <li class="user-footer">
                <div class="pull-left">
                  <a href="#" class="btn btn-default btn-flat">Profile</a>
                </div>
                <div class="pull-right">
                  <a href="/logout/" class="btn btn-default btn-flat">退 出</a>
                </div>
              </li>
            </ul>
          </li>
          <!-- Control Sidebar Toggle Button -->
          <li>
            <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
          </li>
        </ul>
      </div>
    </nav>
  </header>
  <!-- Left side column. contains the logo and sidebar -->
  <aside class="main-sidebar">

    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">

      <!-- Sidebar user panel (optional) -->
      <div class="user-panel">
        <div class="pull-left image">
          <img src="/statics/kkit_crm/img/user2-160x160.jpg" class="img-circle" alt="User Image">
        </div>
        <div class="pull-left info">
          <p>{{ request.user }}</p>
          <!-- Status -->
          <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
        </div>
      </div>

      <!-- search form (Optional) -->
      <form action="#" method="get"  class="sidebar-form">
          {% csrf_token %}
        <div class="input-group">
          <input type="text" name="q" class="form-control" placeholder="Search...">
          <span class="input-group-btn">
              <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
              </button>
            </span>
        </div>
      </form>


      <!-- Sidebar Menu -->

<ul class="sidebar-menu tree" data-widget="tree">
          {% block left-sidebar-menu %}
          {% endblock %}
      </ul>



{#      </ul>#}
      <!-- /.sidebar-menu -->

    </section>
    <!-- /.sidebar -->
{#  菜单栏#}
  </aside>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        {% block page-title %}
            首页
        <small>Optional description</small>
            {% endblock %}
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
        <li class="active">Here</li>
      </ol>
    </section>

    <!-- Main content -->


      <!--------------------------
        | Your Page Content Here |
        -------------------------->
        {% block right-content %}
        {% endblock %}
{#    </section>#}
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->

{#<div style="height: 5px;">#}
  <!-- Main Footer -->
  <footer id="foo" class="main-footer navbar-fixed-bottom " style="height: 5px;">
    <!-- To the right -->
    <div class="pull-right hidden-xs ">
      L.K-MAN出品
    </div>
    <!-- Default to the left -->
    <strong>kkit &copy; 2018 <a href="#">Version 0.1</a>.</strong> test
  </footer>
{#</div>#}



  <!-- Control Sidebar -->
  <aside class="control-sidebar control-sidebar-dark">
    <!-- Create the tabs -->
    <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
      <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
      <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
    </ul>
    <!-- Tab panes -->
    <div class="tab-content">
      <!-- Home tab content -->
      <div class="tab-pane active" id="control-sidebar-home-tab">
        <h3 class="control-sidebar-heading">Recent Activity</h3>
        <ul class="control-sidebar-menu">
          <li>
            <a href="javascript:;">
              <i class="menu-icon fa fa-birthday-cake bg-red"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>

                <p>Will be 23 on April 24th</p>
              </div>
            </a>
          </li>
        </ul>
        <!-- /.control-sidebar-menu -->

        <h3 class="control-sidebar-heading">Tasks Progress</h3>
        <ul class="control-sidebar-menu">
          <li>
            <a href="javascript:;">
              <h4 class="control-sidebar-subheading">
                Custom Template Design
                <span class="pull-right-container">
                    <span class="label label-danger pull-right">70%</span>
                  </span>
              </h4>

              <div class="progress progress-xxs">
                <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
              </div>
            </a>
          </li>
        </ul>
        <!-- /.control-sidebar-menu -->

      </div>
      <!-- /.tab-pane -->
      <!-- Stats tab content -->
      <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
      <!-- /.tab-pane -->
      <!-- Settings tab content -->
      <div class="tab-pane" id="control-sidebar-settings-tab">
        <form method="post">
          <h3 class="control-sidebar-heading">General Settings</h3>

          <div class="form-group">
            <label class="control-sidebar-subheading">
              Report panel usage
              <input type="checkbox" class="pull-right" checked>
            </label>

            <p>
              Some information about this general settings option
            </p>
          </div>
          <!-- /.form-group -->
        </form>
      </div>
      <!-- /.tab-pane -->
    </div>
  </aside>
  <!-- /.control-sidebar -->
  <!-- Add the sidebar's background. This div must be placed
  immediately after the control sidebar -->
  <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->

<!-- REQUIRED JS SCRIPTS -->
{#        <script src="/statics/kkit_crm/js/jquery.min.js"></script>#}
<!-- Bootstrap 3.3.7 -->
{#<script src="/statics/kkit_crm/js/bootstrap.min.js"></script>#}
<!-- AdminLTE App -->

{% endblock %}


<!-- jQuery 3 -->


<!-- Optionally, you can add Slimscroll and FastClick plugins.
     Both of these plugins are recommended to enhance the
     user experience. -->


	<script src="/statics/js/jquery.min.js"></script>



    <script src="/statics/plugins/highcharts/highcharts.js"></script>
    <script src="/statics/plugins/highcharts/modules/exporting.js"></script>
    <script src="/statics/plugins/highstock/js/highcharts-3d.js"></script>
   <script src="/statics/plugins/highcharts/highcharts-zh_CN.js"></script>

	<!--BootstrapJS [ RECOMMENDED ]-->
	<script src="/statics/plugins/bootstrap/js/bootstrap.min.js"></script>

	<script src="/statics/js/fastclick.min.js"></script>



	<script src="/statics/js/nifty.min.js"></script>


	<script src="/statics/plugins/bootstrap-select/bootstrap-select.min.js"></script>





	<script src="/statics/plugins/js.cookie.js"></script>
	<script src="/statics/plugins/jquery-ui/jquery-ui.min.js"></script>



	<script src="/statics/plugins/bootstrap-fileinput/js/fileinput.js"></script>
	<script src="/statics/plugins/bootstrap-fileinput/js/plugins/canvas-to-blob.js"></script>
	<script src="/statics/plugins/bootstrap-fileinput/js/fileinput_locale_zh.js"></script>

    <script src="/statics/plugins/bootstrap-validator/bootstrapValidator.js"></script>




{#    <script src="/statics/plugins/highstock/js/highstock.js"></script>#}
{#    #}
{#    <script src="/statics/plugins/highstock/js/modules/exporting.js"></script>#}
	<!--Bootstrap Timepicker [ OPTIONAL ]-->
	<script src="/statics/plugins/bootstrap-timepicker/bootstrap-timepicker.min.js"></script>
	<!--Bootstrap Datepicker [ OPTIONAL ]-->
	<script src="/statics/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>


    <script src="/statics/plugins/dropzone/dropzone.js"></script>
    <script src="/statics/plugins/jquery-ui/jquery-ui.min.js"></script>




{# web 框架需要的js#}
<script src="/statics/kkit_crm/js/adminlte.min.js"></script>
{#  kkitMainTainWeb 服务器概览需要用的js #}
<script src="/statics/js/KkitMaintainWeb/AssetServerHosts.js"></script>
{#  slatstack 使用的js  #}
<script src="/statics/js/Kkitsalt/saltstack.js"></script>
<script src="/statics/js/systemlog/systemlog.js"></script>
{#<script src="/statics/js/KkitMaintainWeb/file_up_down.js"></script>#}

{#  样例js  #}
<script src="/statics/plugins/dist/js/Chart.js"></script>
<script src="/statics/plugins/dist/js/pages/dashboard2.js"></script>
{#  样例js  #}

    {% block extra-js %}
    {% endblock %}

    <script type="text/javascript">
        // using jQuery
        $(document).ready(function(){

            //var csrftoken = $.cookie('csrftoken');
            var csrftoken = Cookies.get('csrftoken');

            function csrfSafeMethod(method) {
                // these HTTP methods do not require CSRF protection
                return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
            }
            $.ajaxSetup({
                beforeSend: function(xhr, settings) {
                    if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
                        xhr.setRequestHeader("X-CSRFToken", csrftoken);
                    }
                }
            });

        //set active menu node on left sidebar
        SetActiveMenu("{{active_node}}");

        })

        function SetActiveMenu(active_node){

            //console.log("active node:: " + active_node);
            if (active_node == ''){
                active_node = '/';
            }
            var node_ele = $("#mainnav-menu-wrap "+ " a[href='" +active_node + "']").parent();
            node_ele.addClass("active-link");
            if (node_ele.parent().hasClass("collapse")){
                node_ele.parent().addClass("in");
            }

            //根本不需要上面这么麻烦，还需要后端返回 个当前menu,太low了
            $("#mainnav-menu li").find("a[href='{{ request.path }}']").parent().addClass("active-link");
        }

        //for chart
    $(function () {

        Highcharts.setOptions({
            global: {
                timezoneOffset:new Date().getTimezoneOffset()/60

            }
        });

        $.getJSON("{% url 'dashboard_summary' %}", function (data) {
            // Create the chart
{#            console.log(data);#}
            $('#chart-container').highcharts('StockChart', {
                credits: {
                  enabled: false
                },
                exporting: { enabled: false },
                rangeSelector : {
                    selected : 1
                },
                plotOptions: {
                    series: {
                        cursor: 'pointer',
                        point: {
                            events: {
                                click: function () {
                                    //alert('Category: ' + this.x + ', value: ' + this.y);
                                    $.getJSON("{% url 'user_login_counts' %}", {time_stamp: this.x},function(callback){
{#                                        console.log(callback);#}
                                        ShowCurrentDayRecords(callback);

                                    });//end getJSON
                                }
                            }
                        }
                    }
                } ,

                series : [{
                    type:'column',
                    name : '用户数',
                    data : data.user_login_statistics,
                    tooltip: {
                        valueDecimals: 0
                    }
                }]
            });//end chart

            recent_active_users(data);
            summary_data(data);

        });

    });
        //end chart

    var rand = function() {
        return Math.random().toString(36).substr(2); // remove `0.`
    };

    var token = function() {
        return rand() + rand(); // to make it longer
    };

    //console.log(token());






    function ShowOnlineHosts(){


         $.getJSON("{% url 'dashboard_detail' %}", {'data_type':'get_online_hosts'},function(callback){

            console.log(callback);
            var table_html = "<table class='table table-hover' > <tr><th>#</th><th>主机名</th><th>IP</th><th>远程用户</th><th>操作用户</th><th>登录时间</th><th></th></tr>";

            $.each(callback, function(index,item){
                var row = "<tr><td>" + index +
                        "</td><td data-label='hostname'><a class='btn-link' href='/host/detail/?host_id=" + item.bind_host__host__id + "' >" + item.bind_host__host__hostname +
                        "</a></td><td data-label='ip_addr' >" + item.bind_host__host__ip_addr +
                        "</td><td data-label='username' >" + item.bind_host__host_user__username +
                        "</td><td>" + item.user__name +
                        "</td><td>" + item.date +
                        "</td><td><a href='#' class='badge badge-success' onclick='ShowRecordDetail(this," + item.auditlog__session + ")'>查看详细</a></td></tr>";
                table_html += row;

            });
            $("#large-modal-content").html(table_html);

         });//end getJSON

        $("#myLargeModalLabel").html("当前正在连接的主机");
        $("#large-modal").modal("show");

    }
    function ShowOnlineUsers(){

        $.getJSON("{% url 'dashboard_detail' %}", {'data_type':'get_online_users'},function(callback){

            console.log(callback);
            var table_html = "<table class='table table-hover'><tr><th>#</th><th>在线用户</th><th>部门</th><th>登录时间</th></tr>";
            $.each(callback,function(index,item){
                var row = "<tr><td>" + index +
                            "</td><td><a class='btn-link' href='/user_audit/" + item.id +"/' >"+ item.name +
                            "</a></td><td>" + item.department__name +
                            "</td><td>" + item.last_login +"</td></tr>";
                table_html += row;

            });//end each

            $("#large-modal-content").html(table_html);
        });//end getJSON

        $("#myLargeModalLabel").html("当前在线用户");
        $("#large-modal").modal("show");
    }

    function ShowCurrentDayRecords(data){

        $("#large-modal").modal("show");
        var html_ele = "<table class='table table-hover'><tr><th>#</th><th>登录日期</th><th>操作人</th><th>主机名</th><th>远程用户</th><th></th></tr>";
        $.each(data,function(index,item){
            console.log(item);
            var row = "<tr><td>" + index +
                      "</td><td data-label='login_date'>" + item.date +
                      "</td><td data-label='username'><a class='btn-link' href='/user_audit/" + item.user + "/'>" + item.user__name +
                      "</a></td><td data-label='hostname'>" + item.bind_host__host__hostname +
                      "</td><td>" + item.bind_host__host_user__username +
                      "</td><td> <a onclick='ShowRecordDetail(this," + item.session + ")' class='badge badge-success'>查看详细</a> </td>" +
                      "</td></tr>";
            html_ele += row;


        });//end each
        html_ele += "</table>";

        $("#large-modal-content").html(html_ele);

    }

    function recent_active_users(data){
        var html_ele = '';
        $.each(data.recent_active_users,function(key,val){
           var item_ele = "<tr><td><a class='btn-link' href='/user_audit/" + val.user +"/' >" +val.user__name + "</a><td>" + val.id__count +"</td><td>" + val.cmd_count__sum +"</td><tr>";
           html_ele += item_ele;
        });
        $("#recent_active_users").html(html_ele);
    };
    function active_user_cmd_count(data,user_id){//deprecated
        var cmd_count;
        $.each(data.recent_active_users_cmd_count,function(key,val){
            if (val.user == user_id){
                cmd_count= val.cmd__count;
            }
        });//end each
        return cmd_count
    }
    function summary_data(data){
        $("#total_servers").html(data.summary.total_servers);
        $("#total_users").html(data.summary.total_users);
        $("#current_logging_users").html(data.summary.current_logging_users);
        $("#current_connected_hosts").html(data.summary.current_connected_hosts);
    }

    </script>


    {% block bottom-js %}
    <div></div>
    {% endblock %}


    <script>
        $(document).ready(function () {
            $('.dp-component .input-group.date').datepicker({autoclose:true});
        	$('.tp-textinput').timepicker();


        })
    </script>



</body>

</html>